import request from '../../utils/request.js'
// pages/personal/personal.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    startY: 0,  //开始位置
    moveY: 0, //移动到的位置
    moveDistance: 0, //移动了多少距离
    coverTransform: 'translateY(0)',//位移
    coveTransition: '',//过渡
    userInfo: {},//用户信息
    recentPlayList: [],//用户播放记录
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //读取用户信息
    let userInfo = wx.getStorageSync('userInfo')
    if (userInfo) {
      //更新用户数据
      this.setData({
        userInfo: JSON.parse(userInfo)
      })
      //获取用户播放记录
      this.getUserRecentPlayList(this.data.userInfo.userId)
      // this.getUserRecentPlayList(308175203)
    }
  },
  //获取用户播放记录的功能函数
  async getUserRecentPlayList(userId) {
    let recentPlayListData = await request('/user/record', { uid: userId, type: 0 })
    let index = 0
    let recentPlayList = recentPlayListData.allData.splice(0, 10).map(item => {
      item.id = index++
      return item
    })
    this.setData({
      recentPlayList
    })
  },
  handleTouchStart(event) {
    //拿到一个手指的距离
    this.data.startY = event.touches[0].clientY;
    // console.log(this.data.startY);
    //过渡
    this.setData({
      coveTransition: ''
    })
  },
  handleTouchMove(event) {
    //移动距离
    this.data.moveY = event.touches[0].clientY
    this.data.moveDistance = this.data.moveY - this.data.startY
    //移动距离条件
    if (this.data.moveDistance <= 0) {
      return
    }
    if (this.data.moveDistance >= 80) {
      this.data.moveDistance = 80
    }
    this.setData({
      // moveY : event.touches[0].clientY,
      // moveDistance:this.data.moveY - this.data.startY,
      coverTransform: `translateY(${this.data.moveDistance}rpx)`
    })
    console.log(this.data.moveDistance);
  },
  handleTouchEnd() {
    this.setData({
      coverTransform: `translateY(0rpx)`,
      coveTransition: 'transform 1s linear'
    })
    console.log('end');
  },
  //跳转到登录login页面
  toLogin() {
    wx.reLaunch({
      url: '/pages/login/login'
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */



  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})